<template>
	<view class="Title">
		<view class="Stores">
			生活门店
		</view>
		<view class="imagesU">
			<view class="imgEs" v-for="(item,index) in advertisementData" :key="index">
				<image class="textimg" :src="ImageUrl+item.picture" mode=""></image>
			</view>

		</view>
	</view>

</template>

<script>
	import {
		advertisement
	} from "../../apis/index.js"
	import {
		IMAGE_BASE_URL
	} from "../../config/index.js"
	export default {

		data() {
			return {
				ImageUrl: IMAGE_BASE_URL,
				query: {
					typeid: 2,
					page: 1,
					psize: 5
				},
				advertisementData: []
			}
		},
		created() {
			this.getadvertisement()
		},
		methods: {
			async getadvertisement() {
				let res = await advertisement(this.query)
				console.log("轮播", res);
				this.advertisementData = res.list
			}
		}
	}
</script>

<style lang="less">
	.Stores {
		margin-top: 88rpx;
		display: flex;
		justify-content: left;
		align-items: center;
		padding-left: 39rpx;
		// font-weight: bold;
		color: #000;
		font-size: 33rpx;
	}

	// .textimg{
	// 		width: 100%;
	// 		height: 204rpx;
	// 	}
	.imagesU {
		margin: 50rpx 20px 70rpx 20rpx;
		display: flex;
		// align-items: center;
		justify-content: space-between;
	}

	.imgEs {
		// background-color: #000;
		width: 100%;
	}

	.textimg {
		width: 100%;
		height: 204rpx;
		padding-left: 10rpx;
		// background-color: aqua;
	}
	
</style>